<!DOCTYPE html>
<html>
<head>
<script>
window.enablePixelTesting = true;
</script>
<script src="../../../resources/js-test.js"></script>
<script src="../../forms/resources/picker-common.js"></script>
</head>
<body>
<input type=color id=color value="#ff0000" list=many focus>
<datalist id=many>
    <option>#000000</option>
    <option>#070707</option>
    <option>#0e0e0e</option>
    <option>#151515</option>
    <option>#1d1d1d</option>
    <option>#242424</option>
    <option>#2b2b2b</option>
    <option>#333333</option>
    <option>#3a3a3a</option>
    <option>#414141</option>
    <option>#484848</option>
    <option>#505050</option>
    <option>#575757</option>
    <option>#5e5e5e</option>
    <option>#666666</option>
    <option>#6d6d6d</option>
    <option>#747474</option>
    <option>#7b7b7b</option>
    <option>#838383</option>
    <option>#8a8a8a</option>
    <option>#919191</option>
    <option>#999999</option>
    <option>#a0a0a0</option>
    <option>#a7a7a7</option>
    <option>#aeaeae</option>
    <option>#b6b6b6</option>
    <option>#bdbdbd</option>
    <option>#c4c4c4</option>
    <option>#cccccc</option>
    <option>#d3d3d3</option>
    <option>#dadada</option>
    <option>#e1e1e1</option>
    <option>#e9e9e9</option>
    <option>#f0f0f0</option>
    <option>#f7f7f7</option>
    <option>#ffffff</option>
</datalist>

<p id="description" style="opacity: 0"></p>
<div id="console" style="opacity: 0"></div>

<script>
openPickerAppearanceOnly(document.getElementById('color'), finishJSTest);
</script>
</body>
</html>
